<!doctype html>
<html class="no-js">
<head>
 <title>图片展示-TngouFS测试</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="icon" type="image/png" href=" ../common/amazeui/i/favicon.png">
  <link rel="apple-touch-icon-precomposed" href=" ../common/amazeui/i/app-icon72x72@2x.png">
  <meta name="apple-mobile-web-app-title" content="Amaze UI" />
  <link rel="stylesheet" href=" ../common/amazeui/css/amazeui.min.css"/>
  <link rel="stylesheet" href=" ../common/amazeui/css/admin.css">
    
  <script type="text/javascript" src=" ../common/js/jquery-1.11.1.min.js"></script>
<script type="text/javascript" src=" ../common/js/jquery.form.min.js"></script>
  
</head>
<body>
<!--[if lte IE 9]>
<p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，TngouFS 暂不支持。 请 <a href="http://browsehappy.com/" target="_blank">升级浏览器</a>
  以获得更好的体验！</p>
<![endif]-->


<header data-am-widget="header" class="am-header  am-header-default am-no-layout" style="border-bottom:1px solid #e7e7e7;background: #f9f9f9;">
 
  <div class="am-header-left am-header-nav" style="margin-left:12rem;">
   <ol class="am-breadcrumb">
   <li><a href="index.html">首页</a></li>
  <li><a href="ueditor.html">UEditor功能</a></li>
  <li><a href="urlext.html">URL提取</a></li>
  <li><a href="urlload.html">URL下载</a></li>
  <li><a href="imgup.html">图片上传</a></li>
    <li><a href="imgsearch.html">图片搜索</a></li>
    <li><a href="show.html">图片展示</a></li>
        <li><a href="source.html">源码</a></li>


</ol>

  </div>
  <div class="am-header-right am-header-nav" >
  	 <a href="../" class="am-btn am-btn-warning">最新图片
	    <i class="am-header-icon"></i>
	 </a>
   

	 <a href=" ../login" class="am-btn am-btn-primary">登录
	    
	 </a>

   
   
    <a href="http://www.tngou.net/doc/gallery" class="am-btn am-btn-secondary" target="_blank">API开放接口
	  
	 </a>
	 
	  <a href="http://www.tngou.net/doc/tnfs" class="am-btn am-btn-success" target="_blank">网站源码
	  
	 </a>
  </div>
</header>



<div class="am-container">

<hr>
<div ><h2><span>请求案例</span></h2>

<div class="am-alert am-alert-success" data-am-alert>
  <button type="button" class="am-close">&times;</button>
  <p>在一般的情况下，访问图片直接用静态的目录访问图片就饿可以！</p>
</div>

<strong>动态访问</strong>

<p>域名+项目+image+文件地址 : http://tnfs.tngou.net/image/news/default.jpg </p>

<ul class="am-list">
  <li>直接访问<a href="http://tnfs.tngou.net/image/news/default.jpg" target="_blank">default.jpg</a></li>
 <li>指定宽度<a href="http://tnfs.tngou.net/image/news/default.jpg_400x" target="_blank">default.jpg_400x</a></li>
<li>指定高度<a href="http://tnfs.tngou.net/image/news/default.jpg_x400" target="_blank">default.jpg_x400</a></li>
 <li>宽度与高度<a href="http://tnfs.tngou.net/image/news/default.jpg_200x400" target="_blank">default.jpg_200x400</a></li>
 <li>指定后缀<a href="http://tnfs.tngou.net/image/news/default.jpg_200x400.jpg" target="_blank">default.jpg_200x400.jpg</a></li>
  <li>省略剪切<a href="http://tnfs.tngou.net/image/news/default.jpg_200x400_oc" target="_blank">default.jpg_200x400_oc</a></li>
   <li>填充剪切 <a href="http://tnfs.tngou.net/image/news/default.jpg_200x400_fc" target="_blank">default.jpg_200x400_fc</a></li>
    <li>透明剪切(默认)<a href="http://tnfs.tngou.net/image/news/default.jpg_200x400_tc" target="_blank">default.jpg_200x400_tc</a></li>
</ul>


</div>


<hr>
<div ><h2><span>请求参数说明</span></h2>
<div class="am-alert">
_ [宽度] x [高度] _ [方式] . [类型]  
</div>

<table class="am-table">
    <thead>
        <tr>
            <th>后缀方式</th>
            <th>说明</th>
           
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>_200</td>
            <td>指定宽度</td>
        
        </tr>
         <tr>
            <td>_x200</td>
            <td>指定高度</td>
        </tr>
      <tr>
            <td>_200x200</td>
            <td>指定宽度高度</td>
        </tr>
      <tr>
            <td>_200x200_oc</td>
            <td>省略剪切</td>
        </tr>
         <tr>
            <td>_200x200_fc</td>
            <td>填充剪切</td>
        </tr>
         <tr>
            <td>_200x200_tc</td>
            <td>透明剪切</td>
        </tr>
        
    </tbody>
</table>
<div ><h2><span>宽度高度范围</span></h2>
<pre>
minwidth=80
minheight=60
maxwidth=800
maxheight=600
</pre>

</div>

</div>


<footer data-am-widget="footer" class="am-footer am-footer-default am-no-layout">
  <div class="am-footer-switch">
    <div id="godesktop" data-rel="desktop" class="am-footer-desktop">天狗-TngouFS图片</div>
  </div>
  <div class="am-footer-miscs ">
    <p>本站非盈利，网站数据全部来源于网络，只为测试网速使用，以及TngouFS文件系统，如果有相关侵权或违法法律请联系
      <a href="http://www.tngou.net" title="天狗网" target="_blank" class="">天狗网</a> 会对相应的数据进行清理！</p>
    <p>CopyRight©2015 Tngou.NET</p>
  </div>
</footer>

<!--[if lt IE 9]>

<script src=" ../common/amazeui/js/modernizr.js"></script>
<script src=" ../common/amazeui/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<!--<![endif]-->
<script src=" ../common/amazeui/js/amazeui.min.js"></script>
<script src=" ../common/amazeui/js/app.js"></script>
</body>
</html>